<template>
    <div id="system" class="warp system">
        <postHead active="sousuo" :showAction="true"></postHead>

        <div class="container">
            <div class="container container-fixwidth">

                <div class="query-area">
                    <div class="search">

                        <div class="search-widget" style="height:40px">
                            <div class="widgelabel">关键词且 </div>
                            <div class="widgecon">
                                <input type="text" class="form-control" id="SearchContent" placeholder="可多个关键词" style="float: left">
                                <label class="checkbox-inline" style="margin-left:20px"><input type="checkbox" class="jaysearchtype" >全站搜索</label> <label
                            class="checkbox-inline"><input type="checkbox" checked="checked"
                                class="jaysearchtype">简历库检索</label><a
                            href="" class="cleara" style="margin-left:20px">清空搜索条件</a>
                            </div>
                           
                        </div>
                        <div class="search-widget" style="clear:both;margin-top:15px">
                            <div class="widgelabel">关键词或 </div>
                            <div class="widgecon">
                                <input type="text" class="form-control" id="SearchContent" placeholder="可多个关键词" style="float: left">
                                <input type="button" class="btn btn-primary jaySearch" value="搜索"
                                    style="float: left;height: 40px;width: 80px;margin-left: 10px">
                            </div>
                            <!-- <div class="sensearch">
                                <a><span class="iconmd iconmd-arrowup"></span>修改检索条件</a>
                            </div> -->
                        </div>
                        <!-- /.search-widget -->
                    </div>
                    <!-- /.search -->

                    <!-- 搜索条件 -->
                    <div class="condition ">
                        <div class="form-horizontal ">
                            <div class="conditionNext">

                                 <div class="form-group" style="width:32%">
                                    <label class="register-form-label control-label" style="width:170px"><span
                                            class="required"></span>年龄</label>
                                    <div class="register-form-control " style="width:calc(100% - 170px)">
                                        <input id="AgeNeed" type="number" placeholder="岁" v-model="form.ageStart" class="form-control" style="width: 80px"> <span>-</span>
                                        <input id="AgeNeed2" type="number" placeholder="岁" v-model="form.ageEnd" class="form-control" style="width: 80px">
                                       
                                    </div>
                                </div>
                                  <div class="form-group" style="width:22%">
                                <label class="register-form-label control-label" style="width:90px">性别</label>
                                <div class="register-form-control" style="width:calc(100% - 90px)">
                                     <el-select v-model="form.sex" placeholder="选择" style="width: 170px;">
                                        <el-option
                                      
                                        label="不限"
                                        value="">
                                        </el-option>
                                        <el-option
                                      
                                        label="男"
                                        value="1">
                                        </el-option>
                                        <el-option
                                      
                                        label="女"
                                        value="0">
                                        </el-option>
                                    </el-select>
                                    <!-- <select class="form-control" id="UserSex">
                                        <option value="-1">不限</option>
                                        <option value="1">男</option>
                                        <option value="0">女</option>
                                    </select> -->
                                </div>
                            </div>

                             <div class="form-group" style="width:22%">
                                <label class="register-form-label control-label" style="width:90px">婚姻</label>
                                <div class="register-form-control" style="width:calc(100% - 90px)">
                                    <el-select v-model="form.hunyin" placeholder="选择" style="width: 170px;">
                                        <el-option
                                      
                                        label="不限"
                                        value="">
                                        </el-option>
                                        <el-option
                                      
                                        label="已婚"
                                        value="1">
                                        </el-option>
                                        <el-option
                                      
                                        label="未婚"
                                        value="2">
                                        </el-option>
                                    </el-select>
                                    <!-- <select class="form-control" id="MarriageState">
                                        <option value="">不限</option>
                                        <option value="1">已婚</option>
                                        <option value="2">未婚</option>
                                    </select> -->
                                </div>
                            </div>

                            <div class="form-group" style="width:22%">
                                <label class="register-form-label control-label" style="width:90px;">生育</label>
                                <div class="register-form-control" style="width:calc(100% - 90px)">
                                    <el-select v-model="form.shengyu" placeholder="选择" style="width: 170px;">
                                        <el-option
                                      
                                        label="不限"
                                        value="">
                                        </el-option>
                                        <el-option
                                      
                                        label="已育"
                                        value="1">
                                        </el-option>
                                        <el-option
                                      
                                        label="未育"
                                        value="2">
                                        </el-option>
                                    </el-select>
                                  
                                </div>
                            </div>
                             <div class="form-group" style="width:32%;">
                                <label class="register-form-label control-label" style="width:170px">政治面貌</label>
                                <div class="register-form-control">
                                    <el-select v-model="form.guoji" placeholder="选择" style="width: 170px;">
                                        <el-option
                                    
                                        label="不限"
                                        value="">
                                        </el-option>
                                        
                                    
                                    </el-select>
                                </div>
                             </div>
                              <div class="form-group" style="width:22%;">
                                <label class="register-form-label control-label" style="width:90px">驾照</label>
                                <div class="register-form-control">
                                    <el-select v-model="form.guoji" placeholder="选择" style="width: 170px;">
                                        <el-option
                                    
                                        label="不限"
                                        value="">
                                        </el-option>
                                    
                                    </el-select>
                                </div>
                             </div>
                            <div class="form-group" style="width:22%;">
                                <label class="register-form-label control-label" style="width:90px">国籍</label>
                                <div class="register-form-control">
                                    <el-select v-model="form.guoji" placeholder="选择" style="width: 170px;">
                                        <el-option
                                    
                                        label="不限"
                                        value="">
                                        </el-option>
                                    
                                    </el-select>
                                </div>
                            </div>
                            <div class="form-group" style="width:22%;">
                                <label class="register-form-label control-label" style="width:90px">绿卡</label>
                                <div class="register-form-control">
                                        <el-select v-model="form.lvka" placeholder="选择" style="width: 170px;">
                                        <el-option
                                    
                                        label="不限"
                                        value="">
                                        </el-option>
                                    
                                    </el-select>
                                </div>
                            </div>
                            </div>
                          

                            <div class="register-tag" style="clear:both;margin-left:20px;margin-right:20px;">学历/专业要求</div>
                             

                                <div class="form-group">
                                    <label class="register-form-label control-label"><span
                                            class="required"></span>最低学历要求</label>
                                    <div class="register-form-control">
                                        <el-select v-model="form.lowestAcademic" placeholder="请选择" style="width: 290px;">
                                            <el-option
                                            v-for="item in dictInfo.qualification"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                        <span style="margin-left:10px">及以上</span>
                                    </div>
                                </div>

                                <div class="form-group" v-if="form.lowestAcademic==1 || form.lowestAcademic==2 || form.lowestAcademic==3">
                                    <label class="register-form-label control-label"><span class="required"></span>其中,本科要求</label>
                                    <div class="register-form-control">

                                        <el-select v-model="form.universityType" multiple  placeholder="不限" style="width: 195px;">
                                            <el-option
                                           
                                          
                                            label="不限"
                                            value="">
                                            </el-option>
                                            <el-option
                                            v-for="item in dictInfo.schoolType"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                        <el-select v-model="form.universityQualificationType" placeholder="不限" style="width: 195px;margin-left: 5px;">
                                            <el-option
                                           
                                          
                                            label="不限"
                                            value="">
                                            </el-option>
                                            <el-option
                                            v-for="item in dictInfo.qualificationType"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                    
                                    </div>
                                </div>
                               



                                <div class="form-group" v-if="form.lowestAcademic==1 || form.lowestAcademic==2">
                                    <label class="register-form-label control-label"><span class="required"></span>硕士要求</label>
                                    <div class="register-form-control">
                                        <el-select v-model="form.masterSchoolType" multiple placeholder="不限" style="width: 195px;">
                                            <el-option
                                           
                                          
                                            label="不限"
                                            value="">
                                            </el-option>
                                            <el-option
                                            v-for="item in dictInfo.schoolType"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                        <el-select v-model="form.masterQualificationType" placeholder="不限" style="width: 195px;margin-left: 5px;">
                                            <el-option
                                           
                                          
                                            label="不限"
                                            value="">
                                            </el-option>
                                            <el-option
                                            v-for="item in dictInfo.qualificationType"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                       
                                       
                                    </div>
                                </div>
                               


                                <div class="form-group" v-if="form.lowestAcademic==1">
                                    <label class="register-form-label control-label"><span
                                            class="required"></span>博士要求</label>
                                    <div class="register-form-control">

                                        <el-select v-model="form.doctorSchoolType" multiple placeholder="不限" style="width: 195px;">
                                            <el-option
                                           
                                          
                                            label="不限"
                                            value="">
                                            </el-option>
                                            <el-option
                                            v-for="item in dictInfo.schoolType"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                         <el-select v-model="form.doctorQualificationType" placeholder="不限" style="width: 195px;margin-left: 5px;">
                                             <el-option
                                           
                                          
                                            label="不限"
                                            value="">
                                            </el-option>
                                            <el-option
                                            v-for="item in dictInfo.qualificationType"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                       
                                    </div>
                                </div>
                               
                                <div class="form-group" style="width:50%">
                                    <label class="register-form-label control-label">希望来自学校</label>
                                    <div class="register-form-control">
                                        <input id="professionalneed" type="text" class="form-control" placeholder="不限" v-model="form.fromSchool">
                                    </div>
                                </div>

                                <div class="form-group" style="width:50%">
                                    <label class="register-form-label control-label">专业要求</label>
                                    <div class="register-form-control">
                                        <input id="professionalneed" type="text" class="form-control" placeholder="不限" v-model="form.professionalRequirements">
                                    </div>
                                </div>
                              

                            <div class="register-tag" style="clear:both;margin-left:20px;margin-right:20px">行业、岗位经验,整体要求</div>


                             <div class="form-group" >
                                            <label class="register-form-label control-label">工作</label>
                                            <div class="register-form-control">
                                                <input id="professionalneed" type="number" style="width: 195px;" class="form-control" placeholder="不限" v-model="form.infoExperienceRequirements.workYear">
                                                年以上,其中：
                                               
                                            </div>

                                        </div>
                                        <template v-for="(json,index) in form.infoExperienceRequirements.items">
                                        <div class="form-group">
                                            <label class="register-form-label control-label" v-if="index==0">在</label>
                                            <label class="register-form-label control-label" v-if="index!=0">
                                                <el-select v-model="json.conditionStr" placeholder="" @change="changeWorkLink" v-if="index!=0"  style="width: 60px;margin-right: 18px;">
                                                    <el-option
                                                        label="或"
                                                        value="or">
                                                    </el-option>
                                                    <el-option
                                                        label="且"
                                                        value="and">
                                                    </el-option>
                                                </el-select>
                                                在
                                            </label>
                                            <div class="register-form-control" >
                                                <div class="addmain" style="margin-top: 0px;">
                                             
                                               
                                                <el-cascader
                                                    v-model="json.industry"
                                                    :options="enterpriseIndustry"
                                                    style="width: 400px;"
                                                    :collapse-tags="true"
                                                    filterable
                                                    :props="props"
                                                    placeholder="请选择或搜索行业"
                                                    clearable>
                                                </el-cascader>
                                                <span style="margin-left: 10px;">行业中,</span>
                                                
                                                

                                               
                                              
                                              
                                                 </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="register-form-label control-label">从事</label>
                                            <div class="register-form-control">
                                                <el-cascader
                                                    v-model="json.functionalAffiliation"
                                                    :options="functionalAffiliationList"
                                                    :collapse-tags="true"
                                                    filterable
                                                    style="width: 400px;"
                                                    :props="props"
                                                    placeholder="请选择或搜索职能"
                                    
                                                    clearable>
                                                </el-cascader>
                                                 <span style="margin-left: 10px;">方向的工作,</span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="register-form-label control-label">且担任：</label>
                                            <div class="register-form-control">
                                                <div class="addmain" style="margin-top: 0px;">
                                                <el-select v-model="json.positionRank" multiple  placeholder="请选择职级" style="width: 400px;">
                                                    <el-option
                                                
                                                    
                                                        label="不限"
                                                        value="">
                                                        </el-option>
                                                        <el-option
                                                        v-for="item in dictInfo.positionRank"
                                                        :key="item.value"
                                                        :label="item.label"
                                                        :value="item.value">
                                                    </el-option>
                                                </el-select>

                                                  <input id="professionalneed" style="width: 95px;margin-left: 10px;" type="number" class="form-control" placeholder="不限" v-model="json.engagedYear"><span style="margin-left:10px">年以上</span>
                                                <a class="BusinessLicense" style="margin-left: 5px;" v-if="index!=0">  <span @click="deleteWork(form.infoExperienceRequirements,index)" style="color: #F5792A;">删除</span></a> 
                                                <div class="add_btn" v-if="index==form.infoExperienceRequirements.items.length-1"  @click="addInfoExperienceRequirements" style="margin-left: 10px;">
                                                   
                                                    <i class="el-icon-plus"></i>
                                                </div>
                                                </div>
                                                </div>
                                        </div>
                                        
                                    
                                    </template>
                                    <div class="form-group" style="width:50%">
                                        <label class="register-form-label control-label">目前年薪</label>
                                        <div class="register-form-control">
                                            <input id="professionalneed" type="number" style="width:150px" class="form-control"  v-model="form.infoExperienceRequirements.annualSalaryNotLess">
                                            -
                                            <input id="professionalneed" type="number" style="width:150px" class="form-control"  v-model="form.infoExperienceRequirements.annualSalaryNotLess">
                                            <span style="margin-left: 10px;">万元</span>
                                        </div>
                                    </div>
                                    <div class="form-group" style="width:50%">
                                        <label class="register-form-label control-label">职业稳定度</label>
                                        <div class="register-form-control">
                                            <el-select v-model="form.infoExperienceRequirements.careerStability" placeholder="请选择职业稳定度" style="width: 400px;">
                                                <el-option
                                                    label="不限"
                                                    value="">
                                                    </el-option>
                                                 <el-option
                                                    v-for="item in dictInfo.careerStability"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                                </el-option>
                                            </el-select>

                                        </div>
                                    </div>

             


                               <template v-for="(json,index) in form.infoJobRequirementsKeyUnit">
                       
                
                                 <div class="register-tag" style="justify-content:space-between">
                                    <div class="left_div">
                                        关键单位、岗位任职要求：
                                    </div>
                                   
                                    <div class="right_div">
                                         <a class="BusinessLicense" style="margin-left: 5px;" v-if="index!=0">  <span @click="deleteWork(form.infoJobRequirementsKeyUnit,index)" style="color: #F5792A;">删除</span></a> 
                                        <div class="add_btn" @click="addInfoJobRequirementsKeyUnit" style="margin-left: 10px;float:right" v-if="index==form.infoJobRequirementsKeyUnit.length-1">
                                            <i class="el-icon-plus"></i>
                                        </div>
                                       
                                    </div>
                                   
                                </div>
                             

                                <div class="form-group">
                                        <label class="register-form-label control-label">近</label>
                                        <div class="register-form-control">
                                            <input id="professionalneed" type="number" style="width: 50px;margin-right:10px;" class="form-control" placeholder="" v-model="json.inRecentYear">年内，
                                            

                                    
                                            
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="register-form-label control-label">在目标企业</label>
                                        <div class="register-form-control">
                                            <input id="professionalneed" type="text" class="form-control" placeholder="多个用,隔开" v-model="json.company">
                                            

                                    
                                  
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label class="register-form-label control-label">或在</label>
                                        <div class="register-form-control">
                                            
                                          <!--  -->
                                            <el-cascader
                                                v-model="json.enterpriseIndustry"
                                                :options="enterpriseIndustry"
                                                   :collapse-tags="true"
                                                 style="width: 400px;"
                                                  filterable
                                                placeholder="请选择或搜索行业"
                                                :props="props"
                                                clearable>
                                            </el-cascader>

                                            <span style="margin-left: 10px;">行业中</span>

                                        
                                           

                                        </div>
                                    </div>
                                      <div class="form-group">
                                        <label class="register-form-label control-label">的</label>
                                        <div class="register-form-control">
                                            <el-select v-model="json.enterpriseNature" multiple placeholder="请选择企业性质" style="width: 195px;">
                                                <el-option
                                                   
                                                   
                                                    label="不限"
                                                    value="">
                                                </el-option>
                                                <el-option
                                                v-for="item in dictInfo.enterpriseNature"
                                             
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                                </el-option>
                                            </el-select>
                                            <el-select v-model="json.enterpriseScale" multiple placeholder="请选择企业规模" style="width: 195px;margin-left:10px">
                                                <el-option
                                                    label="不限"
                                                    value="">
                                                </el-option>
                                                <el-option
                                                v-for="item in dictInfo.enterpriseScale"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                                </el-option>
                                            </el-select>
                                            
                                            <el-select v-model="json.listingType" multiple placeholder="请选择上市类型" style="width: 195px;margin-left:10px">
                                                <el-option
                                                   
                                                   
                                                    label="不限"
                                                    value="">
                                                </el-option>
                                                <el-option
                                                v-for="item in dictInfo.listingType"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                                </el-option>
                                            </el-select>
                                            <span style="margin-left: 10px;">企业中</span>
                                  
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <label class="register-form-label control-label">且企业人数不低于</label>
                                        <div class="register-form-control">
                                            <input id="professionalneed" type="number" style="width:195px" class="form-control" placeholder="请输入人数" v-model="json.staffsNum">
                                            <span style="margin-left:10px">企业营收(产能)不低于</span>
                                           
                                            <input id="professionalneed" type="number" class="form-control" style="width:195px;margin-left:10px" placeholder="企业营收(产能)" v-model="json.annualRevenue"><span style="margin-left:10px">万元</span> 
                                  
                                        </div>

                                    </div>

                           
                                    <div class="form-group">
                                        <label class="register-form-label control-label">从事:</label>
                                        <div class="register-form-control">

                                            <el-cascader
                                                v-model="json.functionalAffiliation"
                                                :options="functionalAffiliationList"
                                                style="width: 400px;"
                                                  :collapse-tags="true"
                                                  filterable
                                                :props="props"
                                                placeholder="请选择或搜索职能"
                                                clearable>
                                            </el-cascader>

                                            <span style="margin-left: 10px;">方向的工作</span>
                                            
                                            

                                           
                                            
                                        </div>
                                    </div>
                                      <div class="form-group" style="width:70%">
                                        <label class="register-form-label control-label">且担任</label>
                                        <div class="register-form-control">
                                            <el-select v-model="json.postRank" multiple placeholder="请选择职级" style="width: 400px;">
                                                 <el-option
                                                    label="不限"
                                                    value="">
                                                </el-option>
                                                <el-option
                                                v-for="item in dictInfo.positionRank"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                                </el-option>
                                            </el-select>
                                            <input id="professionalneed" type="number" style="width: 50px;margin:0 10px;" class="form-control" placeholder="" v-model="json.workYear">
                                            <span>年以上</span>
                                        </div>
                                    </div>
                                    <div class="form-group" style="width:30%">
                                        <label class="register-form-label control-label">管理人数不低于</label>
                                        <div class="register-form-control">
                                        
                                            <input id="professionalneed" type="number" style="width:95px;" class="form-control" placeholder="不限" v-model="json.numberManagers">
                                            <span  style="margin-left:10px">人</span>
                                           
                                        </div>
                                    </div>
                                  
                            </template>


                             <div class="register-tag" style="clear: both; margin-left: 20px; margin-right: 20px;">证书要求</div>


                                <div class="form-group">
                                    <label class="register-form-label control-label">同时持有证书</label>
                                    <div class="register-form-control">
                                        <input id="professionalneed" type="text" class="form-control" placeholder='可多个，用"，"分隔' v-model="form.certificateOne">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="register-form-label control-label">或持有证书</label>
                                    <div class="register-form-control">
                                        <input id="professionalneed" type="text" class="form-control" placeholder='可多个，用"，"分隔' v-model="form.certificateTwo">
                                    </div>
                                </div>

                                <div class="register-tag">语言要求</div>

                                <div class="form-group">
                                    <label class="register-form-label control-label">具备以下语言能力</label>
                                    <div class="register-form-control">
                                        <el-select v-model="form.languageAbilityOne" placeholder="请选择语言" style="width: 195px;">
                                            <el-option
                                            v-for="item in dictInfo.language"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                         <el-select v-model="form.languageOneRequirements" placeholder="请选择语言要求" style="width: 195px;margin-left: 10px;">
                                            <el-option
                                            v-for="item in dictInfo.languageAbility"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                       
                                    </div>
                                </div>
                                

                                <div class="form-group">
                                    <label class="register-form-label control-label">或具备以下语言能力</label>
                                    <div class="register-form-control">
                                        <el-select v-model="form.languageAbilityTwo" placeholder="请选择语言" style="width: 195px;">
                                            <el-option
                                            v-for="item in dictInfo.language"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                        <el-select v-model="form.languageTwoRequirements" placeholder="请选择语言要求" style="width: 195px;margin-left: 10px;">
                                            <el-option
                                            v-for="item in dictInfo.languageAbility"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>
                                
                                <div class="register-tag">地点要求</div>
                                <div class="form-group">
                                    <label class="register-form-label control-label">现工作地要求</label>
                                    <div class="register-form-control">
                                        

                                        <template v-for="(item,index) in currentWorkplaceRequirementsSelect">
                                            <div class="addmain">

                                        
                                                <el-select v-model="item.first" style="width: 140px;" filterable @change="changeWorkFirst(item)" placeholder="请选择或搜索">
                                                    <el-option
                                                        v-for="json in workPlaceList"
                                                        :key="json.id"
                                                        :label="json.name"
                                                        :value="json.id">
                                                    </el-option>
                                                </el-select>
                                                

                                                <el-select v-model="item.second" style="width: 140px;margin-left: 10px;" filterable  @change="changeWorkSecond(item)" placeholder="请选择或搜索">
                                                    <el-option
                                                        v-for="json in item.secondWorkList"
                                                        :key="json.id"
                                                        :label="json.name"
                                                        :value="json.id">
                                                    </el-option>
                                                </el-select>


                                                <el-select v-model="item.third" filterable @change="changeWorkThird(item)"  style="width: 140px;margin-left: 10px;" placeholder="请选择或搜索">

                                                    <el-option-group
                                                        v-for="group in item.thirdWorkList"
                                                        :key="group.initial"
                                                        :label="group.initial">
                                                        <el-option
                                                            v-for="json in group.list"
                                                            :key="json.id"
                                                            :label="json.name"
                                                            :value="json.id">
                                                        </el-option>
                                                    </el-option-group>
                                                
                                                </el-select>


                                                <el-select v-model="item.fourth" style="width: 140px;margin-left: 10px;" filterable  placeholder="请选择或搜索">
                                                    <el-option
                                                        v-for="json in item.fourthWorkList"
                                                        :key="json.id"
                                                        :label="json.name"
                                                        :value="json.id">
                                                    </el-option>
                                                </el-select>


                                                <a class="BusinessLicense" style="margin-left: 5px;" v-if="index!=0">  <span @click="deleteWork(currentWorkplaceRequirementsSelect,index)" style="color: #F5792A;">删除</span></a> 
                                            
                                                <div class="add_btn" v-if="index==currentWorkplaceRequirementsSelect.length-1" @click="addCurrentWork">
                                                    <i class="el-icon-plus"></i>
                                                </div>
                                               
                                            </div>
                                            </template>
                                     

                                        <!-- <input id="professionalneed" type="text" class="form-control" placeholder="不限" v-model="form.currentWorkplaceRequirements"> -->
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="register-form-label control-label">曾经工作地要求</label>
                                    <div class="register-form-control">
                                        
                                        <template v-for="(item,index) in previousWorkplaceRequirementsSelect">
                                            <div class="addmain">

                                        
                                                <el-select v-model="item.first" style="width: 140px;" filterable @change="changeWorkFirst(item)" placeholder="请选择或搜索">
                                                    <el-option
                                                        v-for="json in workPlaceList"
                                                        :key="json.id"
                                                        :label="json.name"
                                                        :value="json.id">
                                                    </el-option>
                                                </el-select>
                                                

                                                <el-select v-model="item.second" style="width: 140px;margin-left: 10px;" filterable  @change="changeWorkSecond(item)" placeholder="请选择或搜索">
                                                    <el-option
                                                        v-for="json in item.secondWorkList"
                                                        :key="json.id"
                                                        :label="json.name"
                                                        :value="json.id">
                                                    </el-option>
                                                </el-select>


                                                <el-select v-model="item.third" filterable @change="changeWorkThird(item)"  style="width: 140px;margin-left: 10px;" placeholder="请选择或搜索">

                                                    <el-option-group
                                                        v-for="group in item.thirdWorkList"
                                                        :key="group.initial"
                                                        :label="group.initial">
                                                        <el-option
                                                            v-for="json in group.list"
                                                            :key="json.id"
                                                            :label="json.name"
                                                            :value="json.id">
                                                        </el-option>
                                                    </el-option-group>
                                                
                                                </el-select>


                                                <el-select v-model="item.fourth" style="width: 140px;margin-left: 10px;" filterable  placeholder="请选择或搜索">
                                                    <el-option
                                                        v-for="json in item.fourthWorkList"
                                                        :key="json.id"
                                                        :label="json.name"
                                                        :value="json.id">
                                                    </el-option>
                                                </el-select>

                                                 <a class="BusinessLicense" style="margin-left: 5px;" v-if="index!=0">  <span @click="deleteWork(previousWorkplaceRequirementsSelect,index)" style="color: #F5792A;">删除</span></a> 
                                                <div class="add_btn" v-if="index==previousWorkplaceRequirementsSelect.length-1" @click="addPreviousWork">
                                                   <i class="el-icon-plus"></i>
                                                </div>
                                               
                                            </div>
                                            </template>
                                  
                                        <!-- <input id="professionalneed" type="text" class="form-control" placeholder="不限" v-model="form.previousWorkplaceRequirements"> -->
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="register-form-label control-label">定居要求</label>
                                    <div class="register-form-control">
                                         <template v-for="(item,index) in settlementRequirementsSelect">
                                            <div class="addmain">

                                        
                                                <el-select v-model="item.first" style="width: 140px;" filterable @change="changeWorkFirst(item)" placeholder="请选择或搜索">
                                                    <el-option
                                                        v-for="json in workPlaceList"
                                                        :key="json.id"
                                                        :label="json.name"
                                                        :value="json.id">
                                                    </el-option>
                                                </el-select>
                                                

                                                <el-select v-model="item.second" style="width: 140px;margin-left: 10px;" filterable  @change="changeWorkSecond(item)" placeholder="请选择或搜索">
                                                    <el-option
                                                        v-for="json in item.secondWorkList"
                                                        :key="json.id"
                                                        :label="json.name"
                                                        :value="json.id">
                                                    </el-option>
                                                </el-select>


                                                <el-select v-model="item.third" filterable @change="changeWorkThird(item)"  style="width: 140px;margin-left: 10px;" placeholder="请选择或搜索">

                                                    <el-option-group
                                                        v-for="group in item.thirdWorkList"
                                                        :key="group.initial"
                                                        :label="group.initial">
                                                        <el-option
                                                            v-for="json in group.list"
                                                            :key="json.id"
                                                            :label="json.name"
                                                            :value="json.id">
                                                        </el-option>
                                                    </el-option-group>
                                                
                                                </el-select>


                                                <el-select v-model="item.fourth" style="width: 140px;margin-left: 10px;" filterable  placeholder="请选择或搜索">
                                                    <el-option
                                                        v-for="json in item.fourthWorkList"
                                                        :key="json.id"
                                                        :label="json.name"
                                                        :value="json.id">
                                                    </el-option>
                                                </el-select>
                                                 <a class="BusinessLicense" style="margin-left: 5px;" v-if="index!=0">  <span @click="deleteWork(settlementRequirementsSelect,index)" style="color: #F5792A;">删除</span></a> 
                                                <div class="add_btn" v-if="index==settlementRequirementsSelect.length-1" @click="addSettlementWork">
                                                    <i class="el-icon-plus"></i>
                                                </div>
                                                
                                            </div>
                                            </template>
                                        
                                        <!-- <input id="professionalneed" type="text" class="form-control" placeholder="不限" v-model="form.settlementRequirements"> -->
                                    </div>
                                </div>


                            <div class="register-tag" style="clear:both;margin-left:20px;margin-right:20px">侯选人期望情况
                            </div>
                            <div class="conditionNext">
                            <div class="form-group fixwcontrol2">
                                <label class="register-form-label control-label">期望年薪</label>
                                <div class="register-form-control">
                                    <input id="professionalneed" style="width:250px" type="number" class="form-control" placeholder="不限" v-model="form.annualRevenue">万元及以上
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="register-form-label control-label">期望工作地</label>
                                <div class="register-form-control">
                                    <input id="professionalneed" type="text" class="form-control" placeholder="不限" v-model="form.currentWorkplaceRequirements">
                                </div>
                            </div>
                            <div class="form-group ">
                                <label class="register-form-label control-label">期望行业</label>
                                <div class="register-form-control">

                                   <el-cascader
                                        v-model="form.industry"
                                        :options="enterpriseIndustry"
                                        style="width: 400px;"
                                        :props="props"
                                        placeholder="请选择"
                                        clearable>
                                    </el-cascader>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="register-form-label control-label">期望职能</label>
                                
                                    <div class="register-form-control">
                                    <el-cascader
                                        v-model="form.functionalAffiliation"
                                        :options="functionalAffiliationList"
                                        style="width: 400px;"
                                        :props="props"
                                        placeholder="请选择"
                        
                                        clearable>
                                    </el-cascader>
                                      
                                    </div>
                            </div>
                            <div class="form-group">
                                <label class="register-form-label control-label">期望职级</label>
                                
                         
                                    <div class="register-form-control">

                                        <el-select v-model="form.positionRank" placeholder="请选择" style="width: 400px;">
                                            <el-option
                                            v-for="item in dictInfo.positionRank"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                            </el-option>
                                        </el-select>

                                    
                                    </div>
                                  
                            </div>
                            <div class="form-group">
                                <label class="register-form-label control-label">期望岗位</label>
                                <div class="register-form-control">
                                    <input id="professionalneed" type="text" style="height:40px" class="form-control" placeholder="不限" v-model="form.currentWorkplaceRequirements">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="register-form-label control-label">期望作息时间</label>
                                <div class="register-form-control">
                                    <el-select v-model="form.workTime" placeholder="请选择" style="width: 400px;">
                                        <el-option
                                        v-for="item in dictInfo.workTime"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="register-form-label control-label">期望出差频率</label>
                                <div class="register-form-control">
                                    <el-select v-model="form.travelFrequency" placeholder="请选择" style="width: 400px;">
                                        <el-option
                                        v-for="item in dictInfo.travelFrequency"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                            </div>
                            </div>

                            <div class="register-tag" style="clear:both;margin-left:20px;margin-right:20px">其他
                            </div>
                            <div class="conditionNext">
                            <div class="form-group fixwcontrol2">
                                <label class="register-form-label control-label">简历刷新时间</label>
                                <div class="register-form-control">
                                   <div class="register-form-control">
                                        <select class="form-control" id="IsHasChild">
                                            <option value="">不限</option>
                                          
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group fixwcontrol2">
                                <label class="register-form-label control-label">在职状态</label>
                                <div class="register-form-control">
                                   <div class="register-form-control">
                                        <select class="form-control" id="IsHasChild">
                                            <option value="">不限</option>
                                            <option value="1">离职</option>
                                            <option value="2">在职</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.condition -->

                    <!-- 搜索按钮组 -->
                    <div class="query-action">
                        <label class="checkbox-inline"><input type="checkbox" class="jaysearchtype">全站搜索</label> <label
                            class="checkbox-inline"><input type="checkbox" checked="checked"
                                class="jaysearchtype">简历库检索</label> <input type="button"
                            class="btn btn-primary jaySearch" value="搜索"> <a
                            href="" class="cleara">清空搜索条件</a>
                    </div>
                </div>
                <!-- /.query-action -->

                <!-- 工具条 -->
                <div class="toolbar">
                    <div class="tools">
                        <div class="form-inline">
                            <div class="form-group">
                                <label>语言：</label> <select class="form-control">
                                    <option>中文</option>
                                    <option>英文</option>
                                </select>
                            </div>
                        
                        </div>
                    </div>
                    <div class="tools toolsline">分割线</div>

                    <div class="tools">
                        <div class="selectsort">
                            <label><strong>排序方式：</strong></label> <a class="ordertime"><span class="iconmd iconmd-twoarrow"></span><span>时间</span></a>
                           
                            <a class="orderage"><span class="iconmd iconmd-twoarrow"></span><span>年龄</span></a>
                            <a class="orderedu"><span class="iconmd iconmd-twoarrow"></span><span>学历</span></a>
                        </div>
                    </div>
                    <div class="tools toolsline">分割线</div>

                    <div class="tools">
                        <div class="selectsort jayshow">
                            <label><strong>显示方式：</strong></label> <a class="active" title="列表"><span
                                    class="iconmd iconmd-list"></span></a> <a title="详细"><span
                                    class="iconmd iconmd-details"></span></a>
                        </div>
                    </div>
                    <div class="tools toolsline">分割线</div>

                </div>
                <!-- /.toolbar -->


                <div id="jaytable"></div>

            </div>
        </div>
    </div>
</template>
<script>
import {
    regionData,
    codeToText
} from "element-china-area-data";
import postHead from '@/components/postHead.vue';
import homeapi from '@/api/api.js'
import until from '@/api/until'
export default {
    name: 'login',
    data() {
        return {
            phone: "",
            haveCheck: false,
            code: "",
            title: "",
            loginType: 1,
            loginCode: 1,
            active: 2,
            previousWorkplaceRequirementsSelect:[],
            settlementRequirementsSelect:[],
            currentWorkplaceRequirementsSelect:[],
            form: {
                jobSlogan:"",
                postImg:"",
                postImgUrl:"",
                name:"",
                postType:"1",
                num:"",
                reason:"",
                urgency:"",
                companyId:"",
                companyName:"",
                department:"",
                departmentIntroduction:"",
                positionRank:"",
                functionalAffiliation:"",
                directSuperiorRank:"",
                directSuperiorIntroduction:"",
                subordinateSituation:"",
                equalPost:"",
                preTaxAnnualSalaryEnd:"",
                preTaxAnnualSalaryStart:"",
                preTaxMonthlySalaryStart:'',
                preTaxMonthlySalaryEnd:"",
                yearEndBonus:"",
                subsidyWelfare:"",
                equityIncentive:"",
                workTime:"2",
                travelFrequency:"",
                workPlace:[],
                workPlaceList:[],
                jobDescription:"",
                ageStart:"",
                ageEnd:"",
                lowestAcademic:"",
                jcType:[],
                jcQualificationType:"",
                universityType:[],
                universityQualificationType:"",
                masterSchoolType:[],
                masterQualificationType:"",
                doctorSchoolType:[],
                doctorQualificationType:"",
                fromSchool:"",
                professionalRequirements:"",
                certificateOne:"",
                certificateTwo:"",
                languageAbilityOne:"",
                languageOneRequirements:"",
                languageAbilityTwo:"",
                languageTwoRequirements:"",
                currentWorkplaceRequirements:[],
                previousWorkplaceRequirements:[],
                settlementRequirements:[],
                jobRecruitmentManager:"",
                infoRewardSet:{
                    money:0,
                },
                infoSecrecy:{
                    anonymouslyPublish:"0",
                    constituentCompanyId:"",
                    notCompanyCurrentlyEmployed:"",
                    notCompanyPreviouslyEmployed:"",
                    publiclyAccounts:"",
                },
                infoExperienceRequirements:{

                    annualSalaryNotLess:"",
                    careerStability:"",
                    otherRequirements:"",
                    workYear:'',
                    items:[
                        {
                            conditionStr:"",
                            engagedYear:"",
                            functionalAffiliation:[],
                            industry:[],
                            positionRank:[],
                        }
                    ]
                  
                },
                infoJobRequirementsKeyUnit:[
                    {
                        annualRevenue:"",
                        company:"",
                        engagedIn:"",
                        enterpriseIndustry:[],
                        enterpriseNature:[],
                        enterpriseScale:[],
                        functionStr:"",
                        inRecentYear:"",
                        listingType:[],
                        numberManagers:"",
                        positionHeld:"",
                        rank:"",
                        staffsNum:"",
                        workYear:"",
                    }
                ],
                infoOther:{
                    attachment:"",
                    soundRecording:"",
                },
                status:"",

            },

            userForm: {
                inviteCode: "",
                inviter: "",
                inviterPhone: "",
                name: "",
                nickName: "",
                workplace: "",
                idCard: "",
                personHighestDegree: {

                },
                personImportantUnits: {

                }
            },
            enterpriseScaleList: [],
            enterpriseIndustry: [],
            enterpriseNatureList: [],
            staffsNumList: [],

            regionDatas: regionData,
        

            cateProps: {
                value: "value",
                label: "label",
                children: "children",
            },
            props: {
                value: "id",
                label: "text",
                children: "children",
                multiple: true ,

            },
            workProps:{
                value: "id",
                label: "name",
                children: "child",
                multiple: true,
                lazy: true,
                lazyLoad (node, resolve) {
                }
            },
            showCode: true,
            time: 60,

            dictInfo:{},
            functionalAffiliationList:[],
            workSelect:[],
        }
    },
    components: {
        postHead
    },
    mounted() {
        let title = this.$route.query.title
        if (title) {
            this.title = title
        }
        else {
            this.title = "AI爱招聘-注册"
        }
        this.getDictList();
        this.getIndustryList();
        this.getFunctionalffiliationList();
        this.getWorkSpace();
      
    },
    methods: {
        deleteWork(worklist,index){
            worklist.splice(index,1)
        },
          //选择第一个地点
        changeWorkFirst(item){
            this.workPlaceList.map(res=>{
                if(res.id==item.first){
                    item.secondWorkList=res.child
                }
            })
        },
        //选择第二个点
        async changeWorkSecond(item){
            console.log(item)
            let data=await homeapi.getCountryList({id:item.second});
            if(data.code==200){
             
                item.thirdWorkList=data.result;
            }
        },
        //选择第三个点
        async changeWorkThird(item){
            let data=await homeapi.getCityList({id:item.third})
            if(data.code==200){
                item.fourthWorkList=data.result;
            }
        },
         addCurrentWork(){
            this.currentWorkplaceRequirementsSelect.push({
                first:this.workPlaceList[0].id,
                secondWorkList:this.workPlaceList[0].child,
                second:this.workPlaceList[0].child[0].id,
                thirdWorkList:[],
                third:"",
                fourthWorkList:[],
                fourth:"",
            })
            this.changeWorkSecond(this.currentWorkplaceRequirementsSelect[this.currentWorkplaceRequirementsSelect.length-1])
        },
        addPreviousWork(){
            this.previousWorkplaceRequirementsSelect.push({
                first:this.workPlaceList[0].id,
                secondWorkList:this.workPlaceList[0].child,
                second:this.workPlaceList[0].child[0].id,
                thirdWorkList:[],
                third:"",
                fourthWorkList:[],
                fourth:"",
            })
            this.changeWorkSecond(this.previousWorkplaceRequirementsSelect[this.previousWorkplaceRequirementsSelect.length-1])
        },
        addSettlementWork(){
             this.settlementRequirementsSelect.push({
                first:this.workPlaceList[0].id,
                secondWorkList:this.workPlaceList[0].child,
                second:this.workPlaceList[0].child[0].id,
                thirdWorkList:[],
                third:"",
                fourthWorkList:[],
                fourth:"",
            })
            this.changeWorkSecond(this.settlementRequirementsSelect[this.settlementRequirementsSelect.length-1])
        },
        addInfoExperienceRequirements(){
            this.form.infoExperienceRequirements.items.push({
                engagedYear:"",
                functionalAffiliation:[],
                industry:[],
                positionRank:"",
                workYear:"",
                conditionStr:'or'
            })
        },
        addInfoJobRequirementsKeyUnit(){
            this.form.infoJobRequirementsKeyUnit.push({
                annualRevenue:"",
                company:"",
                engagedIn:"",
                enterpriseIndustry:[],
                enterpriseNature:[],
                enterpriseScale:[],
                functionStr:"",
                inRecentYear:"",
                listingType:[],
                numberManagers:"",
                positionHeld:"",
                rank:"",
                staffsNum:"",
                workYear:"",
            })
        },

             //获取工作地点
        async getWorkSpace(){
            let data=await homeapi.getWorkSpaceList();
            if(data.code==200){
                data.result.map(res=>{
                    res.text=res.name
                    res.children=res.child
                    if(res.child){
                        res.child.map(json=>{
                            json.text=json.name
                            
                        })
                    }
                   
                })
                console.log(data.result)
                this.workPlaceList=data.result
                if(this.workPlaceList.length>0){
                    this.workSelect.push(
                        {
                            first:this.workPlaceList[0].id,
                            secondWorkList:this.workPlaceList[0].child,
                            second:this.workPlaceList[0].child[0].id,
                            thirdWorkList:[],
                            third:"",
                            fourthWorkList:[],
                            fourth:"",
                        }
                    )
                    this.currentWorkplaceRequirementsSelect.push({
                        first:this.workPlaceList[0].id,
                        secondWorkList:this.workPlaceList[0].child,
                        second:this.workPlaceList[0].child[0].id,
                        thirdWorkList:[],
                        third:"",
                        fourthWorkList:[],
                        fourth:"",
                    })

                    this.previousWorkplaceRequirementsSelect.push({
                        first:this.workPlaceList[0].id,
                        secondWorkList:this.workPlaceList[0].child,
                        second:this.workPlaceList[0].child[0].id,
                        thirdWorkList:[],
                        third:"",
                        fourthWorkList:[],
                        fourth:"",
                    })
                    this.settlementRequirementsSelect.push({
                         first:this.workPlaceList[0].id,
                        secondWorkList:this.workPlaceList[0].child,
                        second:this.workPlaceList[0].child[0].id,
                        thirdWorkList:[],
                        third:"",
                        fourthWorkList:[],
                        fourth:"",
                    })
                    this.changeWorkSecond(this.workSelect[0])
                    this.changeWorkSecond(this.previousWorkplaceRequirementsSelect[0])
                    this.changeWorkSecond(this.currentWorkplaceRequirementsSelect[0])
                     this.changeWorkSecond(this.settlementRequirementsSelect[0])
                }

            }
        },

             //获取职能列表
        async getFunctionalffiliationList(){
            let data=await homeapi.getFunctionList();
            if(data.code==200){
                data.result.map(res => {
                    res.text = res.name;
                    if (res.child.length > 0) {
                        res.child.map(json => {
                            json.text = json.name
                        })
                        res.children = res.child;
                        res.children.map(json => {
                            if (json.child.length > 0) {
                                json.child.map(item => {
                                    item.text = item.name
                                })
                                json.children = json.child

                            }
                            
                        })
                    }
                   
                })
                this.functionalAffiliationList=data.result
            }
        },

        toLogin() {
            this.$router.push("/login/loginnew")
        },
        setActive(type) {
            this.active = type;
        },
        //获取数据字典
        async getDictList() {
            let data = await homeapi.getDictList();
            if (data.code == 200) {
                this.dictInfo=data.result
               
            }
        },
        deleteImg() {
            this.form.licenceImg = ""
            this.form.licenceImgUrl = ""
        },

        //获取行业列表
        async getIndustryList() {
            let data = await homeapi.getIndustryList();
            if (data.code == 200) {
                data.result.map(res => {
                    res.text = res.name;
                    if (res.child.length > 0) {
                        res.child.map(json => {
                            json.text = json.name
                        })
                        res.children = res.child;
                        res.children.map(json => {
                            if (json.child.length > 0) {
                                json.child.map(item => {
                                    item.text = item.name
                                })
                                json.children = json.child

                            }
                          
                        })
                    }
                  
                })

                this.enterpriseIndustry = data.result

            }
        },




        async sendCode() {
            let phone = this.phone
            if (phone.length != 11) {
                this.$message.error("请传入正确的手机号")
                return false;
            }

            let data = await homeapi.sendCode({ phone });

            if (data.code == 200) {
                this.showCode = false
                this.getTimeNext();
            }
            else {
                this.$message.error(data.message)

            }
        },

        getTimeNext() {
            if (this.time > 0) {
                this.time = this.time - 1;
                setTimeout(() => {
                    this.getTimeNext();
                }, 1000)
            }
            else {
                this.showCode = true;
                this.time = 60
            }
        },
        setCheck() {
            this.haveCheck = true;
        },
        async toRegister() {
            if (this.active == 2) {
                let code = this.code
                let phone = this.phone

                let type = this.active
                let form = this.userForm;
                form.code = code;
                form.phone = phone
                this.loading = true;
                let data = await homeapi.registerUser(form);
                if (data.code == 200) {
                    this.$message.success("注册成功")
                    until.setCookie("token", data.result);
                    this.$router.push("/user")


                }
                else {
                    this.loading = false
                    this.$message.error(data.message)
                }
            }
            else {
                let code = this.code
                let phone = this.phone
                let type = this.active
                let form = this.form;
                form.code = code;
                form.phone = phone
                this.loading = true;
                let data = await homeapi.registerCompany(form);
                if (data.code == 200) {
                    this.$message.success("注册成功")
                    until.setCookie("token", data.result);
                    this.$router.push("/")



                }
                else {
                    this.loading = false
                    this.$message.error(data.message)
                }
            }

        },
        async getUserInfo() {
            let data = await homeapi.getUserinfo();
            if (data.code == 402) {

            }
            if (data.code == 403) {
                this.$router.push("/company")

            }
            if (data.code == 200) {

            }

        },

        async sureEdit() {
            if (this.active == 1) {
                let form = this.form;

                let data = await homeapi.editCompany(form);
                if (data.code == 200) {
                    this.loading = false
                    this.$message.success("注册成功")
                    this.$router.push("/")
                }
            }
            else {
                let form = this.form;

                let data = await homeapi.editUser(form);
                if (data.code == 200) {
                    this.loading = false
                    this.$message.success("注册成功")
                    this.$router.push("/")
                }
            }

        },
        async changeFile(e) {
            if (e.target.files.length > 0) {
                let file = e.target.files[0]
                var formData = new FormData();
                // 服务端要求参数是 pic1 
                formData.append('file', file);
                let data = await homeapi.uploadFile(formData);
                if (data.code == 200) {

                    this.form.licenceImgUrl = data.result.url
                    this.form.licenceImg = data.result.path
                }
            }

        },
        
        changeWorkLink(item){
            console.log(item)
            this.form.infoExperienceRequirements.items.map(res=>{
                res.workLink=item
            })
        }


    }
}

</script>

<style scoped lang="less">
.footer {
    position: fixed;
}
.control-label{
    
}

.container {
    width: 100%;
    height: calc(100vh - 125px);
   
    margin-top: 15px;
}

.main-left {
    position: fixed;
    top: 95px;
    bottom: 30px;
    background: #fff;
}

.system-lt {
    border: 0px;
}

.system-rt {
    border: 0px;
}

.main-right {
    margin-left: 0px;
}

.navbar-header {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.navbar-header span {
    font-size: 24px;
    color: #FC7B24;
    font-weight: bold;
}

.upload_div {
    width: 80px;
    height: 80px;
    border: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.upload_div input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.upload_div i {
    font-size: 18px;
}


.condition .form-group{
    width: 100%;
}
.addmain{
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.register-form-control{
    width: calc(100% - 190px);
}
.register-form-control input{
    width: 400px;
}
.add_list{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}

.add_btn{
    width: 80px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    color: #fff;
    border: 1px solid #e6e6e6;
    background: #FC7B24;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 5px;
}
.addmain{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.register-tag{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 20px 20px;
}
.rule_content{
    width: 500px;
    display: inline-block;
}
.register-form-label{
    width: 170px;
}
.right_div{
    float: right;
}
.register-tag::before{
    display: none;
}
.register-tag::after{
    display: none;
}
.right_div{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.conditionNext .form-group{
    float: left;
    width: 50%;
  
}
.conditionNext{
    display: inline-block;
}
.form-horizontal .form-group{
    margin: 0px;
    margin-bottom: 15px;
}
.register-form-control, .register-form-label{
    padding-right: 10px;
    padding-left: 0px;
}
.form-control{
    height: 40px;
}
.register-tag{
    font-weight: bold;
}
.widgelabel{
    width: 170px;
}
</style>
